/**
 * Created by Administrator on 2017/7/26.
 */
function fn() {
    console.info("EXT已经加载..")
}
Ext.onReady(function(){
    fn();
});

Ext.onReady(function () {
    var myData = [
        { name : "Asha", type : "16", id : 1 },
        { name : "Vinit", type : "18", id : 2 },
        { name : "Anand", type : "20", id : 3 },
        { name : "Niharika", type : "21", id : 4 },
        { name : "Manali", type : "22", id : 5 }
    ];
    var store = Ext.create('Ext.data.ArrayStore', {
        // store 的配置
        autoDestroy: true,
        storeId: 'myStore',
        extend: 'Ext.data.Model',
        // reader的配置
        idIndex: 0,
        fields: [
            'data',
            {name: 'id', mapping : 'id'},
            {name: 'name', mapping : 'name'},
            {name: 'type', mapping : 'type'},
        ]
        ,
        data:myData,
    });



    // 创建一个窗体
    var win = new Ext.Window({
        title:'测试',    //  标题
        width: 600,      //  宽
        //width: Ext.get("content").getWidth(), // 自适应   需要有content对象
        height:450,      //高
         //height: Ext.get("content").getHeight(),//自适应

        items: {  // 中间的  界面
            xtype: 'grid',   //表格
            border: false,   //  边界
            columns: [
                {id:'id',header: "序号", width: 50, sortable: true,  dataIndex: 'id'},
                {header: "物理表名", width: 100, sortable: true, dataIndex: 'name'},
                {
                    header: "类型",
                    width: 75,
                    sortable: true,
                    dataIndex: 'type',
                    renderer: function (value, metadata, record, rowIndex, colIndex, store) {
                       // console.info(metadata)
                        console.info(record)
                       // console.info(rowIndex)
                        //console.info(colIndex)
                      //  console.info(store)
                        if (value > 16) {
                            return "1";
                        } else {
                            return "2";
                        }
                    }
                },
            ],
            store: store // 一个假的空的数据存储
        },
        //  导航栏   tbar :[{text:'',handler:fun(){}},{}]
        tbar: [{
            text: '新增模版',
            handler : function(){   //  回调方法
                Ext.Msg.show({
                    title:'消息盒子?',
                    msg: '你在测试吗?',
                    buttons: Ext.Msg.YESNOCANCEL,
                    icon: Ext.Msg.QUESTION,
                    fn: processResult,
                });
            }
        },{
            text: '删除模版',
            handler : function(){

            }
        }],
        bbar: new Ext.PagingToolbar({
            pageSize: 15,
            store: Ext.create('Ext.data.ArrayStore', {}),
            displayInfo: true,
            displayMsg: '当前显示记录 {0} - {1} 总条数 {2}',
            emptyMsg: '无记录'
        }),
        modal: true,
        buttonAlign: 'center',
        buttons: [{
            text: '测试', id: 'btnTest', handler: function () {
                Ext.Msg.show({
                    title: '询问',
                    msg: '您喜欢 ExtJs 吗？',
                    fn: processResult,
                    icon: Ext.Msg.QUESTION,
                    buttons: Ext.Msg.YESNO
                });
            }
        }
        ]
    });
    win.show();


    Ext.create('Ext.window.Window', {
        title: 'Hello',
        height: 200,
        width: 400,
        layout: 'fit',
        items: {  // Let's put an empty grid in just to illustrate fit layout
            xtype: 'grid',
            border: false,
            columns: [{header: 'World'}],                 // 仅仅用来显示一个头部。没有数据，
            store: Ext.create('Ext.data.ArrayStore', {}) // 一个假的空的数据存储
        }
    })//.show();


});



//询问对话框处理Handler
function processResult(btn) {
    Ext.Msg.alert('结果', btn);
}


